s<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="" http-equiv="keywords">
<meta name="description" content="",wangid">
<meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<title>Novel馆登录</title>
<!-- css -->
<link rel="stylesheet" type="text/css" href="css/index.css">
<link href="css/skitter.styles.css" type="text/css" media="all" rel="stylesheet" />
<!-- js -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/public.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.skitter.min.js"></script>
<!-- Init Skitter -->
<script type="text/javascript" language="javascript">
	$(document).ready(function() {
		$('.box_skitter_large').skitter({
			theme: 'clean',
			numbers_align: 'center',
			progressbar: false, 
			dots: true, 
			preview: true,
			stop_over:false,
		});
	});
</script>

<script language="javascript">
var code ; //在全局 定义验证码
function createCode(){ 
code = new Array();
var codeLength = 4;//验证码的长度
var checkCode = document.getElementById("checkCode");
checkCode.value = "";

var selectChar = new Array(2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','J','K','L','M','N','P','Q','R','S','T','U','V','W','X','Y','Z');

var inputCode = document.getElementById("yzm").value.toUpperCase();

if(inputCode.length <=0) {
   alert("请输入验证码！");
   return false; 
}
else if(inputCode != code ){
   alert("验证码输入错误！");
   createCode();
   return false;
}
else {
   /*alert("验证码无误");*/
   return true;
    }
}
</script>
</head>

<body>
	<div class="top_box">
		<div class="wid_con">
			<div class="top_con">
				<div class="top_logo">
					<a href="http://www.wangid.com">
						<img src="images/logo.png">
					</a>
					<span>Novel 馆</span>
				</div>
			</div>
		</div>
	</div>
	<div class="content">
		<div class="wid_con loginbox">
			<div class="border_box">
				<div class="box_skitter box_skitter_large">
					<ul>
						<li><img src="images/login_pic01.jpg" class="cube" /></li>
						<li><img src="images/case_bg.jpg" class="cubeRandom" /></li>
						<li><img src="images/banner1.jpg" class="cubeStop" /></li>
					</ul>
				</div>
			</div>
			<div class="login_con">
				<h1>登录/LOGIN</h1>
				<div class="text_box">
				  <div>
						<div><i><img src="images/icon01.png"></i><input type="text" placeholder="请输入WangID号码"></div>
						<div><i><img src="images/icon02.png"></i><input type="password" placeholder="请输入密码"></div>
						<div class="yzm">
							<i><img src="images/icon03.png"></i><input type="text" placeholder="请输入验证码">
							<input type="text" onclick="createCode()" readonly id="checkCode" class="unchanged" style="width: 6.1em" placeholder="单击获取" name="check" />
						</div>
					<h3>
							<a href="wjmm.html">忘记密码？</a>
                            <a href="xgmm.html">修改密码！</a>
							<a href="zc.html">免费注册！</a>
					  </h3>
					  <button><a href="index.html">登 录</a></button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- footer -->
	<div class="footer">
		<p>版权所有&nbsp;&nbsp;Novel 馆开发成员小组&nbsp;&nbsp;&nbsp;&nbsp;</p>
	  <p>侵权请联系邮箱：1834606695@qq.com</p>
		<p>本网站仅用于毕业设计答辩</p>
	</div>
</body>
</html>